<template>
	<view class="contont" style="background-color: #f5f5f5;">
		<view style="width: 100%;background-color: #FFFFFF;height: 140px;">
			<view style=" display: flex;flex-direction: column;align-items: center;">
				<view style="width: 100%;margin:20px 0px 0px 25px;font-size: 16px;font-weight: 500;">
				<text >订单编号:{{list.orderCode}}</text>	
				</view>
				<view style="margin-top: 25px;display: flex;align-items: center;justify-content: center;">
					<text style="color: #4A4A4A;font-size: 14px;width: 30%; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;">{{list.startstationname}}</text>
					<image src="../../static/img/icon_xiaojiantou@2x.png" mode="" style="width: 20px;height: 8px;margin-left: 15px;margin-right: 15px;"></image>
					<text style="color: #4A4A4A;font-size: 14px;width: 30%;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;">{{list.endstationname}}</text>
				</view>
				<!-- <view style="font-size: 12px;color: #777777;margin-top: 8px;">
					{{list.updateTime}}到 
				</view> -->
			</view>
			</view>
			<view style="width: 100%;background-color: #FFFFFF;height: 201px;margin-top:10px;">
				<view style="height: 50px;display: flex;flex-direction: column;justify-content: space-between;">
					<view class="" style="display: flex;align-items: center;height: 100%;justify-content: space-between;">
						<view class=""  style="display: flex;align-items: center;">
							<image src="../../static/img/icon_jiaoyi@2x.png" mode="" style="width: 20px ;height: 20px;margin-left: 15px;margin-right: 9px;"></image>
					<text style="color: #4A4A4A;font-size: 14px;">交易信息</text>
						</view>
					<view class="" style="display: flex;align-items: center;">
						<text style="font-size: 15px;color: #4A4A4A;margin-right: 15px;">已收0</text>
					</view>
					</view>
					<image src="../../static/img/line_xuxian%20copy%203@2x.png" mode="" style="width: 100%;height: 2rpx;box-sizing: border-box;"></image>
				</view>
				<view class="cents" style="flex-wrap: wrap;">
					<!-- <view style="height: 140rpx;flex-direction: column;width: 25%;justify-content: center;" class="cents">
						<text style="font-size: 13px;color: #777777;">实际净重</text>
						<text style="font-size: 15px;color:#000000;margin-top: 8px;font-weight:500;">34.32</text>
					</view>
					<view style="height: 140rpx;flex-direction: column;width: 25%;justify-content: center;" class="cents">
						<text style="font-size: 13px;color: #777777;">实际结算吨位</text>
						<text style="font-size: 15px;color:#000000;margin-top: 8px;font-weight:500;">34.3</text>
					</view>
					<view style="height: 140rpx;flex-direction: column;width: 25%;justify-content: center;" class="cents">
						<text style="font-size: 13px;color: #777777;">原发净重</text>
						<text style="font-size: 15px;color:#000000;margin-top: 8px;font-weight:500;">34.45</text>
					</view> -->
					<view style="height: 140rpx;flex-direction: column;width: 25%;justify-content: center;" class="cents">
						<text style="font-size: 13px;color: #777777;">运费单价</text>
						<text style="font-size: 15px;color:#000000;margin-top: 8px;font-weight:500;">{{list.unitPrice}}</text>
					</view>
				<!-- 	<view style="height: 140rpx;flex-direction: column;width: 25%;justify-content: center;" class="cents">
						<text style="font-size: 13px;color: #777777;">扣吨基数</text>
						<text style="font-size: 15px;color:#000000;margin-top: 13px;font-weight:500;">1000</text>
					</view>
					<view style="height: 140rpx;flex-direction: column;width: 25%;justify-content: center;" class="cents">
						<text style="font-size: 13px;color: #777777;">亏吨</text>
						<text style="font-size: 15px;color:#000000;margin-top: 13px;font-weight:500;">-0.13</text>
					</view>
					<view style="height: 140rpx;flex-direction: column;width: 25%;justify-content: center;" class="cents">
						<text style="font-size: 13px;color: #777777;">扣吨</text>
						<text style="font-size: 15px;color:#000000;margin-top: 13px;font-weight:500;">30</text>
					</view> -->
					<view style="height: 140rpx;flex-direction: column;width: 25%;justify-content: center;" class="cents">
						<text style="font-size: 13px;color: #777777;">实收运费</text>
						<text style="font-size: 15px;color:#000000;margin-top: 13px;font-weight:500;color: #FF5651;">{{list.typearrive+list.typebefore+list.typemonthly+list.typereceipt}}</text>
					</view>
				</view>
			</view>

	
	</view>
	
</template>

<script>
	import {ajaxs} from '../../apis.js'
	export default {
		data() {
			return {
			list:[]
			}
		},
		filters:{
					 addZero(data){
						 return data.toFixed(2)
					 }
		},
		onLoad(option) {
			var that=this
			
			ajaxs({
				url:"/v1/appdriver/settleinfo",
				method:"post",
				data:{
					id:option.id,
					type:option.type
				},
				success(res){
					that.list=res.data.message.order
				}
			})
		},
		methods: {
		
		}
	}
</script>

<style>
page{
	height: 100%;
}
</style>
